<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
<title>{dede:field.title/}{dede:field.seotitle/}_{dede:global.cfg_webname/}</title>
<meta name="keywords" content="{dede:field name='keywords'/}" />
<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
<link href="{dede:global.cfg_templets_skin/}/style/product.css" rel="stylesheet" media="screen" type="text/css" />
<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmspath/}/images/js/j.js" ></script>
<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmspath/}/images/js/product.js" ></script>
</head>
<body class="articlelist">
{dede:include filename="head.htm"/}
<!-- /header -->
<div class="floatclear"></div>
<div id="body-content" style="padding-top:10px;">
 <div id="product_main">
  <div class="big-box allbrand" id="allbrand">
	<div class="tit" id="allbrandhdtit">
	<h2><img src="/templets/default/images/brand_ptitle.gif" border="0" alt="美甲品牌" /></h2></div>
	<div class="brand" style="padding-top:15px;">
    {dede:brandindex row=100}{/dede:brandindex}
    </div>
	
	</div>
	<div class="box-shadow"></div>
  </div>
</div>
<div class="floatclear"></div>
</div>
<script type="text/javascript">
//品牌翻转
var allBrandAnimate = function(t,d){
	if(t.find('.brand b').length != 0){return false;}
	t.find('.brand a').each(function(){$(this).append('<b>' + $(this).find('img').attr('alt') + '</b>')});
	t.find('.brand a').hover(function(){
	
		$(this).find('img').stop().animate({
			'height':0,
			'top':'35px'
		},d,function(){
			$(this).hide().next().show();
			$(this).next().animate({
				'height':'95px',
				'top':'0'
			},d);
		});
	},function(){
		$(this).find('b').animate({
			'height':0,
			'top':'35px'
		},d,function(){
			$(this).hide().prev().show().animate({
				'height':'95px',
				'top':'0'
			},d);
		});
	});
}
allBrandAnimate($('#allbrand'),80);
</script>
{dede:include filename="footer.htm"/}
</body>
</html>
